<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core" xml:lang="es" lang="es">
<h:head>

</h:head>
<h:body>
	<ui:composition template="../../plantillas/plantilla.xhtml">
		<ui:define name="body">
			<h:form id="obraNuevaForm">
				<p:panel header="#{obraBean.header}" styleClass="cabeceraPaneles">
					<h:panelGrid id="panelObraNueva" columns="2"
						style="margin-bottom:10px">

						<h:outputLabel for="nombre" value="Nombre:" />
						<p:inputText id="nombre" value="#{obraBean.nombre}"
							required="true" requiredMessage="El campo nombre es obligatorio." />


						<h:outputLabel for="cliente" value="Cliente:" />
						<p:inputText id="cliente" value="#{obraBean.cliente}"
							required="true"
							requiredMessage="El campo cliente es obligatorio." />

						<h:outputLabel for="poblacion" value="Población" />
						<p:inputText id="poblacion" value="#{obraBean.poblacion}"
							required="true"
							requiredMessage="El campo población es obligatorio." />

						<h:inputHidden id="id" value="#{obraBean.id}" />
					</h:panelGrid>


					<h:panelGrid id="panelObraNuevaListaDoc" columns="1"
						style="margin-bottom:10px;width:90%;">
						<p:pickList id="dualListDocumento"
							value="#{obraBean.dualListDocumento}" var="documento"
							itemValue="#{documento.id}" converter="documentoConverter"
							style="width:90%;" showSourceControls="false"
							showTargetControls="flase" >
							<f:facet name="sourceCaption" >Disponibles</f:facet>
							<f:facet name="targetCaption">Seleccionados</f:facet>
							<p:column style="width:90%;" >  
					            #{documento.nombre} - #{documento.tipos.nombre}  
					        </p:column>
						</p:pickList>
					</h:panelGrid>
				</p:panel>

				<h:panelGrid columns="1" cellpadding="5">
					<p:commandButton value="#{obraBean.buttonText}"
						actionListener="#{obraBean.crear}" ajax="false" />
				</h:panelGrid>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
